<template>
    <div class="all">
      <!-- 侧边栏 -->
       
      <el-aside width="200px" style="background-color: #304156">
         <!-- default-openeds属性指默认打开的栏目 -->
         <el-menu :default-openeds="['1']">
           <el-submenu index="1" class="navigation">
             <template slot="title"
               ><i class="el-icon-message"></i>View Score</template
             >
           </el-submenu>
 
           <el-submenu index="2" class="navigation">
             <template slot="title"
               ><i class="el-icon-menu"></i>Modify</template
             >
           </el-submenu>
         </el-menu>
       </el-aside>
    </div>
 </template>
 <script>
 export default {
    name: 'sideBar2',
    components: {
      
    },
    mixins: [],
    props: {
      
    },
    data() {
      return {
        
      }
    },
    computed: {
      
    },
    watch: {
      
    },
    mounted() {
      
    },
    methods: {
      
    }
 };
 </script>
 <style>
 .el-aside{
     padding-top: 140px;
 }
 .el-menu-item-group {
   background-color: #2d3a4b;
 }
 .navigation {
   background-color: #304156;
   color: #fff;
 }
 .el-submenu .el-menu-item {
   color: #fff;
   font-family: "PMZD";
 }
 .el-submenu__title {
   color: #fff;
   font-family: "PMZD";
 }
 .all {
     display: flex;
     height: 820px;
 }
 

 </style>